// （13）[进入全屏时][右边]点击了截图view盒子上的“分享”按钮时打开的分享截图View抽屉盒子 
.Share-screenShot-box{
	@include position(absolute);
	@extend .u-flex-column;
	&__ani-drawer-box{
		@extend .u-flex-column;
		@extend .u-flex-juc-sp-between;//上下对齐
		padding: 0 60rpx;
		//background-image:linear-gradient(to left,rgba(0,0,0,1),rgba(0,0,0,0.35));
		background-color: rgba(22,21,26,1);//紫灰色
		
		&__Top-Back-Header{
			@extend .u-flex-row;
			@extend .u-flex-nowrap;
			@extend .u-flex-juc-start;//左对齐
			@extend .u-flex-al-items-center;
			top: 20rpx;
			
			&__Image-Back{
				width: 38px;
				//background-color: #F0AD4E;
			}
			&__text{
				font-size: goFull-FontSize(32rpx);
				/* #ifdef H5 || MP */
				font-weight: 600;
				/* #endif */
				
				/* #ifndef H5 || MP */
				font-weight: 700;
				/* #endif */
				
			}
		}
		
		
		&__conter-Share-box{
			@extend .u-flex-row;
			@extend .u-flex-nowrap;
			@extend .u-flex-juc-center;
			@extend .u-flex-al-items-center;
			
			&__left-box{
				flex: 1;
				@extend .u-flex-al-items-center;
				
				&__screenShot-img-box{
					width: 600rpx;
					border-radius: 10rpx;
					&__Image-Shot{
						@extend .Share-screenShot-box__ani-drawer-box__conter-Share-box__left-box__screenShot-img-box;
					}
				}
			}
			
			&__right-box{
				width: 600rpx;
				@extend .u-flex-column;
				@extend .u-flex-juc-center;
				@extend .u-flex-al-items-center;
				
				&__Header-Title{
					width: 600rpx;
					margin-bottom: 30rpx;
					@extend .u-flex-al-items-center;
					
					&__text{
						font-size: goFull-FontSize(28rpx);
					}
				}
				&__Share-box{
					@extend .u-flex-row;
					@extend .u-flex-wrap;
					@extend .u-flex-juc-start;
					@extend .u-flex-al-items-center;
					width: 360rpx;
					
					&__item{
						@extend .u-flex-juc-center;
						@extend .u-flex-al-items-center;
						
						width: 120rpx;
						height: 120rpx;
						margin-bottom: 10rpx;
						
						&__Image{
							width: 70rpx;
							height: 70rpx;
							
						}
						&__text{
							@include m-top(10rpx);
							font-size: 26rpx!important;
							color: #e2e1e2!important;
						}
					}
				}
			}
		}
		
		&__bottom-view{
			// 底部占位符
			height: 90rpx;
		}
	}
}


